<template>
  <div class="xui-tree-view">   
    <tree-item v-for="(it, i) in props.data" :key="i" :data="it"></tree-item>   
  </div>
</template>
<script lang="ts" setup>
import { PropType } from "vue";
import TreeItem from "./TreeItem.vue";
import { TreeNode } from "../type";

const props = defineProps({
  data: {
    type: Object as PropType<TreeNode[]>,
  },
});
</script>
<style lang="scss" scoped></style>
